<link rel="stylesheet" href="../css/user.css?v=1.0.1">
<link rel="stylesheet" href="../css/pj.css?v=1.0.1">

<div id="view" v-cloak>
    <div class="wrap ">
        <div style="margin-bottom: 60px;">
            <!-- 头部 -->
            <div class="top-wrap flex-c flex-col new-padding-tb-10 w-bg">
                <div class="tx img-h">
                    <img :src="imgurl + data.head_300" @load="imgCss(imgurl + data.head_300, $event)" onerror="this.src='../image/touxiang.png'" alt="">
                </div>
                <div class="tag-wrap flex-w">
                    <span class="tag" v-if="data.city">{{ data.city }}</span>
                    <span class="tag" v-if="data.age">{{ data.age }}岁</span>
                    <span class="tag" v-if="data.occupation">{{ data.occupation }}</span>
                    <span class="tag area-tag" v-if="data.user_distance">
                        <i class="base-icon juli-icon"></i>
                        <span v-if="data.user_distance == 'null'">{{ '未知'}}</span>
                        <span v-if="data.user_distance != 'null'">{{ data.user_distance || '未知'}}</span>
                    </span>
                    <span class="tag area-tag" :class="{'online-tag': data.last_login_datetime=='在线'}">{{data.last_login_datetime}}</span>
                </div>
                <div class="real name-wrap new-margin-t-10" v-if="data.is_identity_authentication == 2 || data.nvshen == 1">
                    <div class="flex" v-if="data.is_identity_authentication == 2">
                        <span class="real-tag tag"></span>
                        <span class="font-s">TA通过面容识别认证真实性</span>
                    </div>
                    <div class="flex" v-if="data.nvshen == 1">
                        <span class="girl-tag tag"></span>
                        <span class="font-s">TA已获得面具公园女神认证</span>
                    </div>
                </div>
                <div v-if="data.id != myuserid" class="flex like" :class="{'active': data.love==1}" onclick="guanzhu()">
                    <i class="base-icon guanzhu-icon"></i>
                    <span v-if="data.love==1">取消收藏</span>
                    <span v-if="data.love==0">收藏</span>
                </div>
            </div>
            <div v-if="!(data.img_auth == '2' && !(data.state == 1 || data.state == 3))">
                <!-- 动态 -->
                <div class="flex-bt dynamic w-bg new-padding-10"
                    @click="_url({url:'frame4/Broadcast_frame', title:'Ta的动态', uid:data.id})">
                    <span class="title">Ta的动态</span>
                    <!-- <div class="img-wrap flex">
                            <div class="img flex-c"><img src="../image/touxiang.png" alt=""></div>
                            <div class="img flex-c"><img src="../image/touxiang.png" alt=""></div>
                        </div> -->
                </div>
                <!-- 相册 -->
                <div class="xiangce w-bg" v-if="imgList.length != 0">
                    <span class="title">TA的相册</span>
                    <div class="xc-wrap new-padding-10 flex-w" v-if="!(data.img_auth == '1' && !(data.state == 2 || data.state == 3))">
                        <!-- <div @click="_url({index: index, imgArr:imgList, name: data.name, touserid: data.id}, 'frame0/img_filter_win')" class="img img-h" v-for="(item, index) in imgList" :class="{'no-look':(item.burn == 1 || Number(item.packet) >0), 'hb':Number(item.packet) >0, 'yifen':item.type == 0}"> -->
                        <div v-for="(item, index) in imgList">
                            <div  class="img img-h" :class="{'no-look':(item.burn == 1 || Number(item.packet) >0), 'hb':Number(item.packet) >0, 'yifen':item.type == 0}">
                                <img v-if="item.types==1"  @click="_url({index: index, touserid:data.id, url:'frame0/img_show', title:'查看图片'})" :src="imgurl + item.picthumb[0]" @load="imgCss(imgurl + item.picthumb[0], $event)" onerror="this.onerror=null;this.src='../image/touxiang.png'" alt="">
                                <span class="tag" v-if="data.is_identity_authentication == 2">本人</span>
                                <div class="img-icon"></div>

                                <img v-if="item.types==2" @click="_url({url: 'frame3/video', title: '查看视频',id:item.id, video:item.pic[0], cover: item.cover, burn:item.burn, packet:item.packet, type:item.type, see:item.see, uid: data.id})" :src="imgurl+item.cover" @load="imgCss(imgurl+item.cover, $event)" onerror="this.onerror=null;this.src='../image/touxiang.png'" alt="">
                                <i v-if="item.types==2" class="base-icon my-play-icon" @click="_url({url: 'frame3/video', title: '查看视频',id:item.id, video:item.pic[0], cover: item.cover, burn:item.burn, packet:item.packet, type:item.type, see:item.see, uid: data.id})"></i>
                                <p class="img-tip" v-if="item.type == 1 && item.burn == 1 && Number(item.packet) > 0"> 阅后即焚红包<span v-if="item.types == 1">照片</span><span v-if="item.types == 2">视频</span></p>
                                <p class="img-tip" v-if="item.type == 1 && item.burn == 1 && Number(item.packet) == 0"> 阅后即焚</p>
                                <p class="img-tip" v-if="item.burn == 0 && Number(item.packet) > 0">红包<span v-if="item.types == 1">照片</span><span v-if="item.types == 2">视频</span></p>
                                <p class="img-tip" v-if="item.type == 0">已焚毁</p>
                            </div>
                        </div>
                       
                        <!-- <div class="img no-look yifen">
                            <img src="../image/touxiang.png" alt="">
                            <span class="tag">本人</span>
                            <div class="img-icon"></div>
                            <p class="img-tip">已焚毁</p>
                        </div>
                        <div class="img no-look">
                            <img src="../image/touxiang.png" alt="">
                            <span class="tag">本人</span>
                            <div class="img-icon"></div>
                            <p class="img-tip">阅后即焚照片</p>
                        </div>
                        <div class="img img-h">
                            <img src="../image/test/01.jpg" alt="">
                            <span class="tag">本人</span>
                        </div>-->
                    </div>
                    <div class="data-lock flex-c flex-col new-padding-10"
                        v-if="data.img_auth == '1' && imgList.length != 0 && !(data.state == 2 || data.state == 3)">
                        <img src="../image/room.png" alt="">
                        <p>该用户设置了付费相册</p>
                        <button onclick="authimg()">解锁相册（{{ data.photo_price || '0'}}USDT），会员免费</button>
                    </div>
                </div>
                <!-- 个人资料 -->
                <div class="zl-wrap w-bg">
                    <ul class="ul">
                        <li class="li">
                            <span class="title">身高</span>
                            <span class="desc">{{ data.stature==='未设置'?data.stature:data.stature+'cm' }}</span>
                        </li>
                        <li class="li">
                            <span class="title">体重</span>
                            <span class="desc">{{ data.weight==='未设置'?data.weight:data.weight+'kg'}}</span>
                        </li>
                        <li class="li" v-if="data.offten_city">
                            <span class="title">常驻城市</span>
                            <span class="desc">{{ data.offten_city }}</span>
                        </li>
                        <li class="li" v-if="data.dy_program && data.dy_program[0] ">
                            <span class="title">交友节目</span>
                            <span class="desc">
                                <span>{{ data.dy_program.join('/')}}</span>
                            </span>
                        </li>
                        <li class="li" v-if="data.dy_conditions && data.dy_conditions[0] ">
                            <span class="title">期望对象</span>
                            <span class="desc">
                                <span>{{ data.dy_conditions.join('/') }}</span>
                            </span>
                        </li>
                        <div v-if="data.kejian==0">
                            <li class="li" v-if="data.wxcount">
                                <span class="title">微信</span>
                                <span class="desc link-font" onclick="showLink()"
                                    v-if="data.sex == '女' && data.link == 0">已填写，点击查看</span>
                                <span class="desc link-font" @click="copyTxt(data.wxcount)"
                                    v-if="data.sex == '男' || data.link == 1">{{data.wxcount}}</span>
                            </li>
                            <li class="li" v-if="data.qq">
                                <span class="title">QQ</span>
                                <span class="desc link-font" onclick="showLink()"
                                    v-if="data.sex == '女' && data.link == 0">已填写，点击查看</span>
                                <span class="desc link-font" @click="copyTxt(data.qq)"
                                    v-if="data.sex == '男' || data.link == 1">{{ data.qq }}</span>
                            </li>
                        </div>
                        <li class="li flex-col" style="align-items: flex-start;" v-if="data.slogan">
                            <span class="title new-padding-b-10">个人介绍</span>
                            <span class="desc">{{data.slogan}}</span>
                        </li>
                    </ul>
                </div>
                <p class="tip font-s new-padding-10">请勿通过平台进行不法交易，如被举报核实将作封号处理</p>
            </div>
            <div class="data-lock flex-c flex-col" v-if="data.img_auth == '2' && !(data.state == 1 || data.state == 3)">
                <img src="../image/room.png" alt="">
                <p>该用户设置了限制，查看资料需要请求他的同意</p>
                <button onclick="apply()">申请查看</button>
            </div>
        </div>
        <footer v-if="data.id != myuserid && !(data.img_auth == '2' && !(data.state == 1 || data.state == 3))">
            <ul class="ul flex-bt">
                <!-- <li class="li" onclick="_url({touserid:touserid}, 'frame0/fa_hong_bao')">
                    <div class="icon-wrap">
                        <img src="../image/icon/hongbao.png" alt="">
                    </div>
                </li> -->
                <li class="li" onclick="showEval(1)">
                    <div class="icon-wrap">
                        <img src="../image/icon/pingjia.png?t=1586566770271" alt="">
                    </div>
                    <span>评价</span>
                </li>
                <li class="li" onclick="openChat()">
                    <div class="icon-wrap">
                        <img src="../image/icon/liaotian.png?t=1586566770271" alt="">
                    </div>
                    <span>私聊</span>
                </li>
                <li class="li" onclick="showLink()">
                    <div class="icon-wrap">
                        <img src="../image/icon/qq.png?t=1586566770271" alt="">
                    </div>
                    <span>社交账号</span>
                </li>
            </ul>
        </footer>
    </div>
    <!-- 评价 -->
    <section class="js-prp" v-if="pjType == 1">
        <article class="evaluate">
            <div class="hd">
                <!-- <div class="tx img-h">
                    <img :src="imgurl+data.head_100" @load="imgCss(imgurl+data.head_100, $event)" onerror="this.onerror=null;this.src='../image/touxiang.png'">
                </div> -->
                <img onclick="showEval(0)" class="close_img" src="../image/x.png" />
                <p>TA的真实评价</p>
                <!-- <p>{{ data.name }}</p> -->
                <!-- <div class="title">
                    <p class="br"></p>
                    <p class="br_title">TA的真实评价</p>
                </div> -->
            </div>
            <ul class="ul">
                <li class="li js-pj" v-for="(item, index) in ffList">
                    <span class="pj" :class="{'evaluate_bg':item.num > 0, 'current':item.select==1}"
                        @click="greet(item.id, index)">{{item.num}}</span>
                    <p>{{item.content}}</p>
                </li>
            </ul>
            <div class="ft" v-if="uid != myuserid">
                <div class="nmpj" onclick="sendPj()">匿名评价</div>
                <p class="ju_bao" @click="_url({url:'frame0/ju_bao_frame', title:'举报', uid:uid})">严重问题请举报</p>
            </div>
        </article>
    </section>
    <!-- 拉黑 -->
    <input type="file" id="apply-pic" accept="image/*" style="display: none;">
</div>
<script src="../script/user_info.js?v=1.0.1"></script>
<script src="../script/copy.js?v=1.0.1"></script>